﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<fmt:setBundle basename="ApplicationMessage" />

<!DOCTYPE html>
<html lang="zh-CN">
<head>

  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>

</head>

<body class="ihg-theme-draft">

  <%@ include file="/WEB-INF/include/header.jsp"%>

  <div class="container-fluid ihg-container">

    <div class="ihg-breadcrumb">
      <ol class="breadcrumb border-breadcrumb no-bottom-border">
        <li class="active"><%-- <fmt:message key="assessor.445" /> --%>报告精修</li>
        <li>编辑</li>
      </ol>
      <div class="pull-right">
        <a href="${ctx.host}/sessions/${sessionCalibration.session.id}/supervisor-calibrations" style="color: #155CB2; font-size: 16px;"><<&nbsp;<fmt:message key="assessor.super.4" /></a>
      </div>
    </div>

    <div class="ihg-content-layout" style="margin-top:10px;">
      <div class="report-preview">
        <div class="clearfix">
          <div class="col-xs-6">
            <div class="border-right"></div>
            <h3 class="text-center" style="margin: 10px 0 30px; color: #395D96;">报告精修&nbsp;-&nbsp;原版</h3>
            <div class="report-preview-header clearfix">
              <img src="${sessionCalibration.delegate.avatar}" style="width: 100px; height: 100px;">
              <div class="intro">
                <p><fmt:message key="assessor.446" /> ${sessionCalibration.delegate.name}</p>
                <p><fmt:message key="delegate.email" /> ${sessionCalibration.delegate.email}</p>
                <p><fmt:message key="delegate.hotel" /> ${sessionCalibration.delegate.hotelName}</p>
                <p><fmt:message key="assessor.447" /> ${sessionCalibration.delegate.jobTitle}</p>
              </div>
            </div>
          </div>
          <div class="col-xs-6">
            <h3 class="text-center" style="margin: 10px 0 30px; color: #395D96;" >报告精修&nbsp;-&nbsp;编辑</h3>
            <div class="report-preview-header clearfix">
              <img src="${sessionCalibration.delegate.avatar}" style="width: 100px; height: 100px;">
              <div class="intro">
                <p><fmt:message key="assessor.446" /> ${sessionCalibration.delegate.name}</p>
                <p><fmt:message key="delegate.email" /> ${sessionCalibration.delegate.email}</p>
                <p><fmt:message key="delegate.hotel" /> ${sessionCalibration.delegate.hotelName}</p>
                <p><fmt:message key="assessor.447" /> ${sessionCalibration.delegate.jobTitle}</p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xs-6">
          <div class="border-right"></div>
          <div class="report-preview-body">
            <div class="title"><fmt:message key="assessor.448" /> <fmt:message key="assessor.378" /></div>
          <div>
            <table class="table table-condensed">
              <thead>
                <thead style="border-bottom: 1px solid #6B6B6B;">
                <tr>
                <th></th>
                  <th style="font-size: 18px;"><fmt:message key="assessor.409" /></th>
                  <th style="font-size: 18px;"><fmt:message key="assessor.449" /></th>
                </tr>
              </thead>
              <tbody style="border-bottom: 1px solid #6B6B6B;">
                <%-- <c:forEach var="competency" items="${competencies}">
                  <tr>
                    <td style="width: 30%;"><fmt:message key="${competency.message}" /></td>
                    <td><span class="color-${competency.score.s ? 'bottle-green' : (competency.score.c ? 'peak-green' : 'red')}"><fmt:message key="${competency.score.message}"/> (${competency.score.alias})</span></td>
                  </tr>
                </c:forEach> --%>
                <tr>
                  <td rowspan="4" style="vertical-align: middle; text-align: center;">领导能力</td>
                  <td style="width: 30%;"><fmt:message key="${competenciesMap['Lead And Development'].message}" /></td>
                  <td><span class="color-${competenciesMap['Lead And Development'].score.s ? 'bottle-green' : (competenciesMap['Lead And Development'].score.c ? 'peak-green' : 'red')}"><fmt:message key="${competenciesMap['Lead And Development'].score.message}"/> (${competenciesMap['Lead And Development'].score.alias})</span></td>
                </tr>
                <tr>
                  <td style="width: 30%;"><fmt:message key="${competenciesMap['Drive Result'].message}" /></td>
                  <td><span class="color-${competenciesMap['Drive Result'].score.s ? 'bottle-green' : (competenciesMap['Drive Result'].score.c ? 'peak-green' : 'red')}"><fmt:message key="${competenciesMap['Drive Result'].score.message}"/> (${competenciesMap['Drive Result'].score.alias})</span></td>
                </tr>
                <tr>
                  <td style="width: 30%;"><fmt:message key="${competenciesMap['Work Collaboratively'].message}" /></td>
                  <td><span class="color-${competenciesMap['Work Collaboratively'].score.s ? 'bottle-green' : (competenciesMap['Work Collaboratively'].score.c ? 'peak-green' : 'red')}"><fmt:message key="${competenciesMap['Work Collaboratively'].score.message}"/> (${competenciesMap['Work Collaboratively'].score.alias})</span></td>
                </tr>
                <tr>
                  <td style="width: 30%;"><fmt:message key="${competenciesMap['Champion Change'].message}" /></td>
                  <td><span class="color-${competenciesMap['Champion Change'].score.s ? 'bottle-green' : (competenciesMap['Champion Change'].score.c ? 'peak-green' : 'red')}"><fmt:message key="${competenciesMap['Champion Change'].score.message}"/> (${competenciesMap['Champion Change'].score.alias})</span></td>
                </tr>
                <tr style="border-top: 1px solid #6B6B6B;">
                  <td rowspan="4" style="vertical-align: middle; text-align: center;">专业能力</td>
                  <td style="width: 30%;"><fmt:message key="${competenciesMap['Owner Relations'].message}" /></td>
                  <td><span class="color-${competenciesMap['Owner Relations'].score.s ? 'bottle-green' : (competenciesMap['Owner Relations'].score.c ? 'peak-green' : 'red')}"><fmt:message key="${competenciesMap['Owner Relations'].score.message}"/> (${competenciesMap['Owner Relations'].score.alias})</span></td>
                </tr>
                <tr>
                  <td style="width: 30%;"><fmt:message key="${competenciesMap['Operations Management'].message}" /></td>
                  <td><span class="color-${competenciesMap['Operations Management'].score.s ? 'bottle-green' : (competenciesMap['Operations Management'].score.c ? 'peak-green' : 'red')}"><fmt:message key="${competenciesMap['Operations Management'].score.message}"/> (${competenciesMap['Operations Management'].score.alias})</span></td>
                </tr>
                <tr>
                  <td style="width: 30%;"><fmt:message key="${competenciesMap['Revenue Maximisation'].message}" /></td>
                  <td><span class="color-${competenciesMap['Revenue Maximisation'].score.s ? 'bottle-green' : (competenciesMap['Revenue Maximisation'].score.c ? 'peak-green' : 'red')}"><fmt:message key="${competenciesMap['Revenue Maximisation'].score.message}"/> (${competenciesMap['Revenue Maximisation'].score.alias})</span></td>
                </tr>
                <tr>
                  <td style="width: 30%;"><fmt:message key="${competenciesMap['Financial Management'].message}" /></td>
                  <td><span class="color-${competenciesMap['Financial Management'].score.s ? 'bottle-green' : (competenciesMap['Financial Management'].score.c ? 'peak-green' : 'red')}"><fmt:message key="${competenciesMap['Financial Management'].score.message}"/> (${competenciesMap['Financial Management'].score.alias})</span></td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>

        <div class="report-preview-body">
          <div>
            <div class="title" style="margin-bottom: 15px;"><fmt:message key="assessor.450" /> <fmt:message key="assessor.380" /></div>
              
              <div style="font-size: 16px; margin: 5px 0;">
                <div class="checked-style">
                  <input type="checkbox" name="" checked> <label></label>
                </div>
                <span style="font-weight: bold; margin-right: 10px;"><fmt:message key="${recommendation.simpleHotelResult.message}" /></span>
              </div>
              
              <%-- <c:if test="${recommendation.simpleHotel}">
                <div style="font-size: 16px; margin: 5px 0;">
                  <div class="checked-style">
                    <input type="checkbox" name="" checked> <label></label>
                  </div>
                  <span style="font-weight: bold; margin-right: 10px;"><fmt:message key="${recommendation.simpleHotelResult.message}" /></span>for
                  <div class="checked-style" style="margin-left: 10px; margin-right: 0;">
                    <input type="checkbox" name="" checked> <label></label>
                  </div>
                  <span style="font-weight: bold;"><fmt:message key="assessor.440" /></span>
                </div>
              </c:if>
              <c:if test="${recommendation.averageHotel}">
                <div style="font-size: 16px; margin: 5px 0;">
                  <div class="checked-style">
                    <input type="checkbox" name="" checked> <label></label>
                  </div>
                  <span style="font-weight: bold; margin-right: 10px;"><fmt:message key="${recommendation.averageHotelResult.message}" /></span>for
                  <div class="checked-style" style="margin-left: 10px; margin-right: 0;">
                    <input type="checkbox" name="" checked> <label></label>
                  </div>
                  <span style="font-weight: bold;"><fmt:message key="assessor.439" /></span>
                </div>
              </c:if>
              <c:if test="${recommendation.complexHotel}">
                <div style="font-size: 16px; margin: 5px 0;">
                  <div class="checked-style">
                    <input type="checkbox" name="" checked> <label></label>
                  </div>
                  <span style="font-weight: bold; margin-right: 10px;"><fmt:message key="${recommendation.complexHotelResult.message}" /></span>for
                  <div class="checked-style" style="margin-left: 10px; margin-right: 0;">
                    <input type="checkbox" name="" checked> <label></label>
                  </div>
                  <span style="font-weight: bold;"><fmt:message key="assessor.438" /></span>
                </div>
              </c:if> --%>
              <div style="border: 1px solid #C4C5C9; padding: 8px; font-size: 16px;">
                ${recommendation.comment}<br><br>
              </div>
            </div>
          </div>

          <div class="report-preview-body">
            <form>
              <div class="title"><fmt:message key="assessor.451" /> <fmt:message key="assessor.465" /></div>
              <div class="clearfix" style="border-bottom: 1px solid #395D96;">
                <div class="col-xs-6">
                  <span class="" style="font-size: 20px; font-weight: bold; color:#335893;"><fmt:message key="assessor.452" /></span>
                </div>
                <div class="col-xs-6">
                  <span class="" style="font-size: 20px; font-weight: bold; color:#335893;"><fmt:message key="assessor.453" /></span>
                </div>
              </div>
              <div style="border-bottom: 1px solid #395D96;">
                <div class="focus-item clearfix">
                  <div class="col-xs-6">
                    <strong style="font-size: 18px;"><fmt:message key="${comment.strengthOne.message}" />&nbsp;-&nbsp;${comment.strengthOneTitle}${comment.strengthOneOther}:</strong>${comment.strengthOneComment} 
                  </div>
                  <div class="col-xs-6 ">
                    <strong style="font-size: 18px;"><fmt:message key="${comment.dnOne.message}" />&nbsp;-&nbsp;${comment.dnOneTitle}${comment.dnOneOther}:</strong>${comment.dnOneComment}
                  </div>
                </div>
                <div class="focus-item clearfix">
                  <div class="col-xs-6">
                    <strong style="font-size: 18px;"><fmt:message key="${comment.strengthTwo.message}" />&nbsp;-&nbsp;${comment.strengthTwoTitle}${comment.strengthTwoOther}:</strong>${comment.strengthTwoComment} 
                  </div>
                  <div class="col-xs-6 ">
                    <strong style="font-size: 18px;"><fmt:message key="${comment.dnTwo.message}" />&nbsp;-&nbsp;${comment.dnTwoTitle}${comment.dnTwoOther}:</strong>${comment.dnTwoComment}
                  </div>
                </div>
                <div class="focus-item clearfix">
                  <div class="col-xs-6">
                    <strong style="font-size: 18px;"><fmt:message key="${comment.strengthThree.message}" />&nbsp;-&nbsp;${comment.strengthThreeTitle}${comment.strengthThreeOther}:</strong>${comment.strengthThreeComment} 
                  </div>
                  <div class="col-xs-6 ">
                    <strong style="font-size: 18px;"><fmt:message key="${comment.dnThree.message}" />&nbsp;-&nbsp;${comment.dnThreeTitle}${comment.dnThreeOther}:</strong>${comment.dnThreeComment}
                  </div>
                </div>
              </div>

            </form>
          </div>

          <!-- <div class="report-preview-body" style="margin-top: 86px;"> -->
          <div class="report-preview-body" style="${empty sessionReportWriting or sessionReportWriting.status.created ? 'margin-top:86px;' : ''}">
            <form>
              <div class="title"><fmt:message key="assessor.454" /> <fmt:message key="assessor.455" /></div>
              <div class="clearfix" style="border-bottom: 1px solid #395D96;">
                <div class="col-xs-4">
                  <span class="" style="font-size: 20px; font-weight: bold; color:#335893;"><fmt:message key="assessor.456" /></span>
                </div>
                <div class="col-xs-8">
                  <span class="" style="font-size: 20px; font-weight: bold; color:#335893;"><fmt:message key="assessor.455" /></span>
                </div>
              </div>
              <div style="border-bottom: 1px solid #395D96;">
                <div class="focus-item clearfix">
                  <div class="col-xs-4">
                    <strong style="font-size: 18px;"><fmt:message key="${comment.suggestOne.message}" />&nbsp;-&nbsp;${comment.suggestOneTitle}:</strong>
                  </div>
                  <ul class="col-xs-8" style="padding-left: 40px;">
                    <li>${comment.suggestOneComment}</li>
                  </ul>
                </div>
                <div class="focus-item clearfix">
                  <div class="col-xs-4">
                    <strong style="font-size: 18px;"><fmt:message key="${comment.suggestTwo.message}" />&nbsp;-&nbsp;${comment.suggestTwoTitle}:</strong>
                  </div>
                  <ul class="col-xs-8" style="padding-left: 40px;">
                    <li>${comment.suggestTwoComment}</li>
                  </ul>
                </div>
                <div class="focus-item clearfix">
                  <div class="col-xs-4">
                    <strong style="font-size: 18px;"><fmt:message key="${comment.suggestThree.message}" />&nbsp;-&nbsp;${comment.suggestThreeTitle}:</strong>
                  </div>
                  <ul class="col-xs-8" style="padding-left: 40px;">
                    <li>${comment.suggestThreeComment}</li>
                  </ul>
                </div>
              </div>
            </form>
          </div>
          
          <div class="report-preview-body">
            <form>
              <div class="title"><fmt:message key="assessor.454-1" /> <fmt:message key="assessor.455-1" /></div>
              <c:forEach var="calibrationCompetencie" items="${sessionCalibrationCompetencies}">
              <div class="clearfix" style="margin-top: 20px; padding: 0 15px 15px 15px;">
                <span class="" style="font-size: 20px; font-weight: bold; color:#335893;"><fmt:message key="${calibrationCompetencie.message}" /></span>
                <span class="pull-right" style="font-size: 20px; font-weight: bold; color:#335893;">${calibrationCompetencie.score.description}(${calibrationCompetencie.score.alias})</span>
              </div>
              <div class="clearfix">
                <div class="col-xs-6">
                  <fmt:message key="assessor.455-2" />
                </div>
                <div class="col-xs-6">
                  <fmt:message key="assessor.455-3" />
                </div>
              </div>
              <div class="clearfix" style="border-bottom: 1px solid #395D96; padding-bottom: 10px;">
                <div class="col-xs-6">
                  <div>
                  ${calibrationCompetencie.effective}
                  </div>
                </div>
                <div class="col-xs-6">
                  <div>
                  ${calibrationCompetencie.inEffective}
                  </div>
                </div>
              </div>
              </c:forEach>
            </form>
          </div>
          
          
        </div>
        <div class="col-xs-6">
          <c:choose>
            <c:when test="${empty sessionReportWriting}">
              <div class="report-preview-body">
                <div class="title"><fmt:message key="assessor.448" /> <fmt:message key="assessor.378" /></div>
              <div>
                <table class="table table-condensed">
                  <thead style="border-bottom: 1px solid #6B6B6B;">
                    <tr>
                	<th></th>
                    <th style="font-size: 18px;"><fmt:message key="assessor.409" /></th>
                    <th style="font-size: 18px;"><fmt:message key="assessor.449" /></th>
                    </tr>
                  </thead>
                  <tbody style="border-bottom: 1px solid #6B6B6B;">
                    <%-- <c:forEach var="competency" items="${competencies}">
                      <tr>
                        <td style="width: 30%;"><fmt:message key="${competency.message}" /></td>
                        <td><span class="color-${competency.score.s ? 'bottle-green' : (competency.score.c ? 'peak-green' : 'red')}"><fmt:message key="${competency.score.message}"/> (${competency.score.alias})</span></td>
                      </tr>
                    </c:forEach> --%>
                    <tr>
	                    <td rowspan="4" style="vertical-align: middle; text-align: center;">领导能力</td>
	                    <td style="width: 30%;"><fmt:message key="${competenciesMap['Lead And Development'].message}" /></td>
	                    <td><span class="color-${competenciesMap['Lead And Development'].score.s ? 'bottle-green' : (competenciesMap['Lead And Development'].score.c ? 'peak-green' : 'red')}"><fmt:message key="${competenciesMap['Lead And Development'].score.message}"/> (${competenciesMap['Lead And Development'].score.alias})</span></td>
	                  </tr>
	                  <tr>
	                    <td style="width: 30%;"><fmt:message key="${competenciesMap['Drive Result'].message}" /></td>
	                    <td><span class="color-${competenciesMap['Drive Result'].score.s ? 'bottle-green' : (competenciesMap['Drive Result'].score.c ? 'peak-green' : 'red')}"><fmt:message key="${competenciesMap['Drive Result'].score.message}"/> (${competenciesMap['Drive Result'].score.alias})</span></td>
	                  </tr>
	                  <tr>
	                    <td style="width: 30%;"><fmt:message key="${competenciesMap['Work Collaboratively'].message}" /></td>
	                    <td><span class="color-${competenciesMap['Work Collaboratively'].score.s ? 'bottle-green' : (competenciesMap['Work Collaboratively'].score.c ? 'peak-green' : 'red')}"><fmt:message key="${competenciesMap['Work Collaboratively'].score.message}"/> (${competenciesMap['Work Collaboratively'].score.alias})</span></td>
	                  </tr>
	                  <tr>
	                    <td style="width: 30%;"><fmt:message key="${competenciesMap['Champion Change'].message}" /></td>
	                    <td><span class="color-${competenciesMap['Champion Change'].score.s ? 'bottle-green' : (competenciesMap['Champion Change'].score.c ? 'peak-green' : 'red')}"><fmt:message key="${competenciesMap['Champion Change'].score.message}"/> (${competenciesMap['Champion Change'].score.alias})</span></td>
	                  </tr>
	                  <tr style="border-top: 1px solid #6B6B6B;">
	                    <td rowspan="4" style="vertical-align: middle; text-align: center;">专业能力</td>
	                    <td style="width: 30%;"><fmt:message key="${competenciesMap['Owner Relations'].message}" /></td>
	                    <td><span class="color-${competenciesMap['Owner Relations'].score.s ? 'bottle-green' : (competenciesMap['Owner Relations'].score.c ? 'peak-green' : 'red')}"><fmt:message key="${competenciesMap['Owner Relations'].score.message}"/> (${competenciesMap['Owner Relations'].score.alias})</span></td>
	                  </tr>
	                  <tr>
	                    <td style="width: 30%;"><fmt:message key="${competenciesMap['Operations Management'].message}" /></td>
	                    <td><span class="color-${competenciesMap['Operations Management'].score.s ? 'bottle-green' : (competenciesMap['Operations Management'].score.c ? 'peak-green' : 'red')}"><fmt:message key="${competenciesMap['Operations Management'].score.message}"/> (${competenciesMap['Operations Management'].score.alias})</span></td>
	                  </tr>
	                  <tr>
	                    <td style="width: 30%;"><fmt:message key="${competenciesMap['Revenue Maximisation'].message}" /></td>
	                    <td><span class="color-${competenciesMap['Revenue Maximisation'].score.s ? 'bottle-green' : (competenciesMap['Revenue Maximisation'].score.c ? 'peak-green' : 'red')}"><fmt:message key="${competenciesMap['Revenue Maximisation'].score.message}"/> (${competenciesMap['Revenue Maximisation'].score.alias})</span></td>
	                  </tr>
	                  <tr>
	                    <td style="width: 30%;"><fmt:message key="${competenciesMap['Financial Management'].message}" /></td>
	                    <td><span class="color-${competenciesMap['Financial Management'].score.s ? 'bottle-green' : (competenciesMap['Financial Management'].score.c ? 'peak-green' : 'red')}"><fmt:message key="${competenciesMap['Financial Management'].score.message}"/> (${competenciesMap['Financial Management'].score.alias})</span></td>
	                  </tr>
                  </tbody>
                </table>
              </div>
            </div>
    
            <div class="report-preview-body">
              <div>
                <div class="title" style="margin-bottom: 15px;"><fmt:message key="assessor.450" /> <fmt:message key="assessor.380" /></div>
                  
                  <div style="font-size: 16px; margin: 5px 0;">
                    <div class="checked-style">
                      <input type="checkbox" name="" checked> <label></label>
                    </div>
                    <span style="font-weight: bold; margin-right: 10px;"><fmt:message key="${recommendation.simpleHotelResult.message}" /></span>
                  </div>
                  
                  <%-- <c:if test="${recommendation.simpleHotel}">
                    <div style="font-size: 16px; margin: 5px 0;">
                      <div class="checked-style">
                        <input type="checkbox" name="" checked> <label></label>
                      </div>
                      <span style="font-weight: bold; margin-right: 10px;"><fmt:message key="${recommendation.simpleHotelResult.message}" /></span>for
                      <div class="checked-style" style="margin-left: 10px; margin-right: 0;">
                        <input type="checkbox" name="" checked> <label></label>
                      </div>
                      <span style="font-weight: bold;"><fmt:message key="assessor.440" /></span>
                    </div>
                  </c:if>
                  <c:if test="${recommendation.averageHotel}">
                    <div style="font-size: 16px; margin: 5px 0;">
                      <div class="checked-style">
                        <input type="checkbox" name="" checked> <label></label>
                      </div>
                      <span style="font-weight: bold; margin-right: 10px;"><fmt:message key="${recommendation.averageHotelResult.message}" /></span>for
                      <div class="checked-style" style="margin-left: 10px; margin-right: 0;">
                        <input type="checkbox" name="" checked> <label></label>
                      </div>
                      <span style="font-weight: bold;"><fmt:message key="assessor.439" /></span>
                    </div>
                  </c:if>
                  <c:if test="${recommendation.complexHotel}">
                    <div style="font-size: 16px; margin: 5px 0;">
                      <div class="checked-style">
                        <input type="checkbox" name="" checked> <label></label>
                      </div>
                      <span style="font-weight: bold; margin-right: 10px;"><fmt:message key="${recommendation.complexHotelResult.message}" /></span>for
                      <div class="checked-style" style="margin-left: 10px; margin-right: 0;">
                        <input type="checkbox" name="" checked> <label></label>
                      </div>
                      <span style="font-weight: bold;"><fmt:message key="assessor.438" /></span>
                    </div>
                  </c:if> --%>
                  <div class="clearfix" style="position: relative;">
                    <div class="pull-right language-tab" style="position: absolute; top: -45px; right: 0;">
                      <!-- <a href="javascript:void(0);" class="btn btn-link cn-tab active" data-language='cn'>中文</a><a href="javascript:void(0);" class="btn btn-link en-tab" data-language="en">英文</a> -->
                      <a href="${ctx.host}/sessions/${sessionCalibration.session.id}/supervisor-calibrations/${sessionCalibration.id}/edit-readiness-recommendation" class="btn btn-default edit-readiness" data-target="#editReadinessRecommendation" data-toggle="modal"><fmt:message key="assessor.64" /></a>
                    </div>
                    <div style="border: 1px solid #C4C5C9; padding: 8px; font-size: 16px; display: block;" class="comment-content comment-cn">
                      ${recommendation.comment}<br><br>
                    </div>
                    <%-- <div style="border: 1px solid #C4C5C9; padding: 8px; font-size: 16px; display: none;" class="comment-content comment-en">
                      ${recommendation.comment}<br><br>
                    </div> --%>
                  </div>
                </div>
              </div>
    
              <div class="report-preview-body">
                <form>
                  <div class="title"><fmt:message key="assessor.451" /> <fmt:message key="assessor.465" /></div>
                  <div class="clearfix" style="border-bottom: 1px solid #395D96;">
                    <div class="col-xs-6">
                      <span class="" style="font-size: 20px; font-weight: bold; color:#335893;"><fmt:message key="assessor.452" /></span>
                    </div>
                    <div class="col-xs-6">
                      <span class="" style="font-size: 20px; font-weight: bold; color:#335893;"><fmt:message key="assessor.453" /></span>
                    </div>
                  </div>
                  <div style="border-bottom: 1px solid #395D96;">
                    <div class="focus-item clearfix">
                      <div class="col-xs-6">
                        <strong style="font-size: 18px;"><fmt:message key="${comment.strengthOne.message}" />&nbsp;-&nbsp;${comment.strengthOneTitle}${comment.strengthOneOther}:</strong>${comment.strengthOneComment} 
                      </div>
                      <div class="col-xs-6 ">
                        <strong style="font-size: 18px;"><fmt:message key="${comment.dnOne.message}" />&nbsp;-&nbsp;${comment.dnOneTitle}${comment.dnOneOther}:</strong>${comment.dnOneComment}
                      </div>
                    </div>
                    <div class="focus-item clearfix">
                      <div class="col-xs-6">
                        <strong style="font-size: 18px;"><fmt:message key="${comment.strengthTwo.message}" />&nbsp;-&nbsp;${comment.strengthTwoTitle}${comment.strengthTwoOther}:</strong>${comment.strengthTwoComment} 
                      </div>
                      <div class="col-xs-6 ">
                        <strong style="font-size: 18px;"><fmt:message key="${comment.dnTwo.message}" />&nbsp;-&nbsp;${comment.dnTwoTitle}${comment.dnTwoOther}:</strong>${comment.dnTwoComment}
                      </div>
                    </div>
                    <div class="focus-item clearfix">
                      <div class="col-xs-6">
                        <strong style="font-size: 18px;"><fmt:message key="${comment.strengthThree.message}" />&nbsp;-&nbsp;${comment.strengthThreeTitle}${comment.strengthThreeOther}:</strong>${comment.strengthThreeComment} 
                      </div>
                      <div class="col-xs-6 ">
                        <strong style="font-size: 18px;"><fmt:message key="${comment.dnThree.message}" />&nbsp;-&nbsp;${comment.dnThreeTitle}${comment.dnThreeOther}:</strong>${comment.dnThreeComment}
                      </div>
                    </div>
                  </div>
                  <div class="text-right" style="margin-top: 20px;">
                    <a href="${ctx.host}/sessions/${sessionCalibration.session.id}/supervisor-calibrations/${sessionCalibration.id}/edit-recommendations" data-target="#editDevelopmentRecommendations" data-toggle="modal" class="btn btn-default"><fmt:message key="assessor.64" /></a>
                  </div>
                </form>
              </div>
    
              <div class="report-preview-body">
                <form>
                  <div class="title"><fmt:message key="assessor.454" /> <fmt:message key="assessor.455" /></div>
                  <div class="clearfix" style="border-bottom: 1px solid #395D96;">
                    <div class="col-xs-4">
                      <span class="" style="font-size: 20px; font-weight: bold; color:#335893;"><fmt:message key="assessor.456" /></span>
                    </div>
                    <div class="col-xs-8">
                      <span class="" style="font-size: 20px; font-weight: bold; color:#335893;"><fmt:message key="assessor.455" /></span>
                    </div>
                  </div>
                  <div style="border-bottom: 1px solid #395D96;">
                    <div class="focus-item clearfix">
                      <div class="col-xs-4">
                        <strong style="font-size: 18px;"><fmt:message key="${comment.suggestOne.message}" />&nbsp;-&nbsp;${comment.suggestOneTitle}:</strong>
                      </div>
                      <ul class="col-xs-8" style="padding-left: 40px;">
                        <li>${comment.suggestOneComment}</li>
                      </ul>
                    </div>
                    <div class="focus-item clearfix">
                      <div class="col-xs-4">
                        <strong style="font-size: 18px;"><fmt:message key="${comment.suggestTwo.message}" />&nbsp;-&nbsp;${comment.suggestTwoTitle}:</strong>
                      </div>
                      <ul class="col-xs-8" style="padding-left: 40px;">
                        <li>${comment.suggestTwoComment}</li>
                      </ul>
                    </div>
                    <div class="focus-item clearfix">
                      <div class="col-xs-4">
                        <strong style="font-size: 18px;"><fmt:message key="${comment.suggestThree.message}" />&nbsp;-&nbsp;${comment.suggestThreeTitle}:</strong>
                      </div>
                      <ul class="col-xs-8" style="padding-left: 40px;">
                        <li>${comment.suggestThreeComment}</li>
                      </ul>
                    </div>
                  </div>
                  <div class="text-right" style="margin-top: 20px;">
                    <a href="${ctx.host}/sessions/${sessionCalibration.session.id}/supervisor-calibrations/${sessionCalibration.id}/edit-recommendations" data-target="#editDevelopmentRecommendations" data-toggle="modal" class="btn btn-default"><fmt:message key="assessor.64" /></a>
                    <%-- <a href="${ctx.host}/sessions/${sessionCalibration.session.id}/supervisor-calibrations/${sessionCalibration.id}/report-submit" data-target="#submit" data-toggle="modal" class="btn btn-success" style="background: #70AD47;"><fmt:message key="assessor.457" /></a> --%>
                  </div>
                </form>
              </div>
              
              <div class="report-preview-body">
                <form>
                  <div class="title"><fmt:message key="assessor.454-1" /> <fmt:message key="assessor.455-1" /></div>
                  <c:forEach var="calibrationCompetencie" items="${sessionCalibrationCompetencies}">
                  <div class="clearfix" style="margin-top: 20px; padding: 0 15px 15px 15px;">
                    <span class="" style="font-size: 20px; font-weight: bold; color:#335893;"><fmt:message key="${calibrationCompetencie.message}" /></span>
                    <span class="pull-right" style="font-size: 14px; font-weight: bold; color:#335893;"><span class="color-${calibrationCompetencie.score.s ? 'bottle-green' : (calibrationCompetencie.score.c ? 'peak-green' : 'red')}"><fmt:message key="${calibrationCompetencie.score.message}"/> (${calibrationCompetencie.score.alias})</span></span>
                  </div>
                  <div class="clearfix">
                    <div class="col-xs-6">
                      <fmt:message key="assessor.455-2" />
                    </div>
                    <div class="col-xs-6">
                      <fmt:message key="assessor.455-3" />
                    </div>
                  </div>
                  <div class="clearfix" style="border-bottom: 1px solid #395D96; padding-bottom: 10px;">
                    <div class="col-xs-6">
                      <div>
                      ${calibrationCompetencie.effective}
                      </div>
                    </div>
                    <div class="col-xs-6">
                      <div>
                      ${calibrationCompetencie.inEffective}
                      </div>
                    </div>
                  </div>
                  </c:forEach>
                  <div class="text-right" style="margin-top: 20px;">
                    <a href="${ctx.host}/sessions/${sessionCalibration.session.id}/supervisor-calibrations/${sessionCalibration.id}/edit-effective" data-target="#editEffective" data-toggle="modal" class="btn btn-default"><fmt:message key="assessor.64" /></a>
                    <a href="${ctx.host}/sessions/${sessionCalibration.session.id}/supervisor-calibrations/${sessionCalibration.id}/report-submit" data-target="#submit" data-toggle="modal" class="btn btn-success" style="background: #70AD47;"><fmt:message key="assessor.457" /></a>
                  </div>
                </form>
              </div>
              
              
            </c:when>
            <c:otherwise>
              <div class="report-preview-body">
                <div class="title"><fmt:message key="assessor.448" /> <fmt:message key="assessor.378" /></div>
              <div>
                <table class="table table-condensed">
                  <thead style="border-bottom: 1px solid #6B6B6B;">
                    <tr>
                	<th></th>
                    <th style="font-size: 18px;"><fmt:message key="assessor.409" /></th>
                    <th style="font-size: 18px;"><fmt:message key="assessor.449" /></th>
                    </tr>
                  </thead>
                  <tbody style="border-bottom: 1px solid #6B6B6B;">
                    <tr>
                      <td rowspan="4" style="vertical-align: middle; text-align: center;">领导能力</td>
                      <td style="width: 30%;">领导和发展员工</td>
                      <td><span class="color-${sessionReportWriting.sessionReportCompetency.ldScore.s ? 'bottle-green' : (sessionReportWriting.sessionReportCompetency.ldScore.c ? 'peak-green' : 'red')}"><fmt:message key="${sessionReportWriting.sessionReportCompetency.ldScore.message}"/> (${sessionReportWriting.sessionReportCompetency.ldScore.alias})</span></td>
                    </tr>
                    <tr>
                      <td style="width: 30%;"><fmt:message key="competency.drive.result" /></td>
                      <td><span class="color-${sessionReportWriting.sessionReportCompetency.drScore.s ? 'bottle-green' : (sessionReportWriting.sessionReportCompetency.drScore.c ? 'peak-green' : 'red')}"><fmt:message key="${sessionReportWriting.sessionReportCompetency.drScore.message}"/> (${sessionReportWriting.sessionReportCompetency.drScore.alias})</span></td>
                    </tr>
                    <tr>
                      <td style="width: 30%;"><fmt:message key="competency.work.collaboratively" /></td>
                      <td><span class="color-${sessionReportWriting.sessionReportCompetency.wcScore.s ? 'bottle-green' : (sessionReportWriting.sessionReportCompetency.wcScore.c ? 'peak-green' : 'red')}"><fmt:message key="${sessionReportWriting.sessionReportCompetency.wcScore.message}"/> (${sessionReportWriting.sessionReportCompetency.wcScore.alias})</span></td>
                    </tr>
                    <tr>
                      <td style="width: 30%;"><fmt:message key="competency.champion.change" /></td>
                      <td><span class="color-${sessionReportWriting.sessionReportCompetency.ccScore.s ? 'bottle-green' : (sessionReportWriting.sessionReportCompetency.ccScore.c ? 'peak-green' : 'red')}"><fmt:message key="${sessionReportWriting.sessionReportCompetency.ccScore.message}"/> (${sessionReportWriting.sessionReportCompetency.ccScore.alias})</span></td>
                    </tr>
                    <tr style="border-top: 1px solid #6B6B6B;">
                      <td rowspan="4" style="vertical-align: middle; text-align: center;">专业能力</td>
                      <td style="width: 30%;">业主关系</td>
                      <td><span class="color-${sessionReportWriting.sessionReportCompetency.orScore.s ? 'bottle-green' : (sessionReportWriting.sessionReportCompetency.orScore.c ? 'peak-green' : 'red')}"><fmt:message key="${sessionReportWriting.sessionReportCompetency.orScore.message}"/> (${sessionReportWriting.sessionReportCompetency.orScore.alias})</span></td>
                    </tr>
                    <tr>
                      <td style="width: 30%;">运营管理</td>
                      <td><span class="color-${sessionReportWriting.sessionReportCompetency.omScore.s ? 'bottle-green' : (sessionReportWriting.sessionReportCompetency.omScore.c ? 'peak-green' : 'red')}"><fmt:message key="${sessionReportWriting.sessionReportCompetency.omScore.message}"/> (${sessionReportWriting.sessionReportCompetency.omScore.alias})</span></td>
                    </tr>
                    <tr>
                      <td style="width: 30%;">收益最大化</td>
                      <td><span class="color-${sessionReportWriting.sessionReportCompetency.rmScore.s ? 'bottle-green' : (sessionReportWriting.sessionReportCompetency.rmScore.c ? 'peak-green' : 'red')}"><fmt:message key="${sessionReportWriting.sessionReportCompetency.rmScore.message}"/> (${sessionReportWriting.sessionReportCompetency.rmScore.alias})</span></td>
                    </tr>
                    <tr>
                      <td style="width: 30%;"><fmt:message key="competency.finance.management" /></td>
                      <td><span class="color-${sessionReportWriting.sessionReportCompetency.fmScore.s ? 'bottle-green' : (sessionReportWriting.sessionReportCompetency.fmScore.c ? 'peak-green' : 'red')}"><fmt:message key="${sessionReportWriting.sessionReportCompetency.fmScore.message}"/> (${sessionReportWriting.sessionReportCompetency.fmScore.alias})</span></td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
    
            <div class="report-preview-body">
              <div>
                <div class="title" style="margin-bottom: 15px;"><fmt:message key="assessor.450" /> <fmt:message key="assessor.380" /></div>
                  
                  <div style="font-size: 16px; margin: 5px 0;">
                    <div class="checked-style">
                      <input type="checkbox" name="" checked> <label></label>
                    </div>
                    <span style="font-weight: bold; margin-right: 10px;"><fmt:message key="${sessionReportWriting.sessionReportRecommendation.simpleHotelResult.message}" /></span>
                  </div>
                  
                  <%-- <c:if test="${sessionReportWriting.sessionReportRecommendation.simpleHotel}">
                    <div style="font-size: 16px; margin: 5px 0;">
                      <div class="checked-style">
                        <input type="checkbox" name="" checked> <label></label>
                      </div>
                      <span style="font-weight: bold; margin-right: 10px;"><fmt:message key="${sessionReportWriting.sessionReportRecommendation.simpleHotelResult.message}" /></span>for
                      <div class="checked-style" style="margin-left: 10px; margin-right: 0;">
                        <input type="checkbox" name="" checked> <label></label>
                      </div>
                      <span style="font-weight: bold;"><fmt:message key="assessor.440" /></span>
                    </div>
                  </c:if>
                  <c:if test="${sessionReportWriting.sessionReportRecommendation.averageHotel}">
                    <div style="font-size: 16px; margin: 5px 0;">
                      <div class="checked-style">
                        <input type="checkbox" name="" checked> <label></label>
                      </div>
                      <span style="font-weight: bold; margin-right: 10px;"><fmt:message key="${sessionReportWriting.sessionReportRecommendation.averageHotelResult.message}" /></span>for
                      <div class="checked-style" style="margin-left: 10px; margin-right: 0;">
                        <input type="checkbox" name="" checked> <label></label>
                      </div>
                      <span style="font-weight: bold;"><fmt:message key="assessor.439" /></span>
                    </div>
                  </c:if>
                  <c:if test="${sessionReportWriting.sessionReportRecommendation.complexHotel}">
                    <div style="font-size: 16px; margin: 5px 0;">
                      <div class="checked-style">
                        <input type="checkbox" name="" checked> <label></label>
                      </div>
                      <span style="font-weight: bold; margin-right: 10px;"><fmt:message key="${sessionReportWriting.sessionReportRecommendation.complexHotelResult.message}" /></span>for
                      <div class="checked-style" style="margin-left: 10px; margin-right: 0;">
                        <input type="checkbox" name="" checked> <label></label>
                      </div>
                      <span style="font-weight: bold;"><fmt:message key="assessor.438" /></span>
                    </div>
                  </c:if> --%>
                  <div class="clearfix" style="position: relative;">
                    <div class="pull-right language-tab" style="position: absolute; top: -45px; right: 0;">
                      <!-- <a href="javascript:void(0);" class="btn btn-link cn-tab active" data-language="cn">中文</a><a href="javascript:void(0);" class="btn btn-link en-tab" data-language="en">英文</a> -->
                      <c:if test="${sessionReportWriting.status.created}">
                        <a href="${ctx.host}/sessions/${sessionCalibration.session.id}/supervisor-calibrations/${sessionCalibration.id}/edit-readiness-recommendation" class="btn btn-default edit-readiness" data-target="#editReadinessRecommendation" data-toggle="modal"><fmt:message key="assessor.64" /></a>
                      </c:if>
                    </div>
                    <div style="border: 1px solid #C4C5C9; padding: 8px; font-size: 16px; display: block;" class="comment-content comment-cn">
                      ${sessionReportWriting.sessionReportRecommendation.commentCn}<br><br>
                    </div>
                    <%-- <div style="border: 1px solid #C4C5C9; padding: 8px; font-size: 16px; display: none;" class="comment-content comment-en">
                      ${sessionReportWriting.sessionReportRecommendation.commentEn}<br><br>
                    </div> --%>
                  </div>
                </div>
              </div>
    
              <div class="report-preview-body">
                <form>
                  <%-- <div class="title" style="${!sessionReportWriting.status.created ? 'margin:100px 0;' : ''}"><fmt:message key="assessor.451" /> <fmt:message key="assessor.465" /></div> --%>
                  <div class="title"><fmt:message key="assessor.451" /> <fmt:message key="assessor.465" /></div>
                  <div class="clearfix" style="border-bottom: 1px solid #395D96;">
                    <div class="col-xs-6">
                      <span class="" style="font-size: 20px; font-weight: bold; color:#335893;"><fmt:message key="assessor.452" /></span>
                    </div>
                    <div class="col-xs-6">
                      <span class="" style="font-size: 20px; font-weight: bold; color:#335893;"><fmt:message key="assessor.453" /></span>
                    </div>
                  </div>
                  <div style="border-bottom: 1px solid #395D96;">
                    <div class="focus-item clearfix">
                      <div class="col-xs-6">
                        <strong style="font-size: 18px;"><fmt:message key="${sessionReportWriting.sessionReportComment.strengthOne.message}" />&nbsp;-&nbsp;${sessionReportWriting.sessionReportComment.strengthOneTitle}${sessionReportWriting.sessionReportComment.strengthOneOther}:</strong>${sessionReportWriting.sessionReportComment.strengthOneComment} 
                      </div>
                      <div class="col-xs-6 ">
                        <strong style="font-size: 18px;"><fmt:message key="${sessionReportWriting.sessionReportComment.dnOne.message}" />&nbsp;-&nbsp;${sessionReportWriting.sessionReportComment.dnOneTitle}${sessionReportWriting.sessionReportComment.dnOneOther}:</strong>${sessionReportWriting.sessionReportComment.dnOneComment}
                      </div>
                    </div>
                    <div class="focus-item clearfix">
                      <div class="col-xs-6">
                        <strong style="font-size: 18px;"><fmt:message key="${sessionReportWriting.sessionReportComment.strengthTwo.message}" />&nbsp;-&nbsp;${sessionReportWriting.sessionReportComment.strengthTwoTitle}${sessionReportWriting.sessionReportComment.strengthTwoOther}:</strong>${sessionReportWriting.sessionReportComment.strengthTwoComment} 
                      </div>
                      <div class="col-xs-6 ">
                        <strong style="font-size: 18px;"><fmt:message key="${sessionReportWriting.sessionReportComment.dnTwo.message}" />&nbsp;-&nbsp;${sessionReportWriting.sessionReportComment.dnTwoTitle}${sessionReportWriting.sessionReportComment.dnTwoOther}:</strong>${sessionReportWriting.sessionReportComment.dnTwoComment}
                      </div>
                    </div>
                    <div class="focus-item clearfix">
                      <div class="col-xs-6">
                        <strong style="font-size: 18px;"><fmt:message key="${sessionReportWriting.sessionReportComment.strengthThree.message}" />&nbsp;-&nbsp;${sessionReportWriting.sessionReportComment.strengthThreeTitle}${sessionReportWriting.sessionReportComment.strengthThreeOther}:</strong>${sessionReportWriting.sessionReportComment.strengthThreeComment} 
                      </div>
                      <div class="col-xs-6 ">
                        <strong style="font-size: 18px;"><fmt:message key="${sessionReportWriting.sessionReportComment.dnThree.message}" />&nbsp;-&nbsp;${sessionReportWriting.sessionReportComment.dnThreeTitle}${sessionReportWriting.sessionReportComment.dnThreeOther}:</strong>${sessionReportWriting.sessionReportComment.dnThreeComment}
                      </div>
                    </div>
                  </div>
    
                  <c:if test="${sessionReportWriting.status.created}">
                    <div class="text-right" style="margin-top: 20px;">
                      <a href="${ctx.host}/sessions/${sessionCalibration.session.id}/supervisor-calibrations/${sessionCalibration.id}/edit-recommendations" data-target="#editDevelopmentRecommendations" data-toggle="modal" class="btn btn-default"><fmt:message key="assessor.64" /></a>
                    </div>
                  </c:if>
                </form>
              </div>
    
              <div class="report-preview-body">
                <form>
                  <div class="title"><fmt:message key="assessor.454" /> <fmt:message key="assessor.455" /></div>
                  <div class="clearfix" style="border-bottom: 1px solid #395D96;">
                    <div class="col-xs-4">
                      <span class="" style="font-size: 20px; font-weight: bold; color:#335893;"><fmt:message key="assessor.456" /></span>
                    </div>
                    <div class="col-xs-8">
                      <span class="" style="font-size: 20px; font-weight: bold; color:#335893;"><fmt:message key="assessor.455" /></span>
                    </div>
                  </div>
                  <div style="border-bottom: 1px solid #395D96;">
                    <div class="focus-item clearfix">
                      <div class="col-xs-4">
                        <strong style="font-size: 18px;"><fmt:message key="${sessionReportWriting.sessionReportComment.suggestOne.message}" />&nbsp;-&nbsp;${sessionReportWriting.sessionReportComment.suggestOneTitle}:</strong>
                      </div>
                      <ul class="col-xs-8" style="padding-left: 40px;">
                        <li>${sessionReportWriting.sessionReportComment.suggestOneComment}</li>
                      </ul>
                    </div>
                    <div class="focus-item clearfix">
                      <div class="col-xs-4">
                        <strong style="font-size: 18px;"><fmt:message key="${sessionReportWriting.sessionReportComment.suggestTwo.message}" />&nbsp;-&nbsp;${sessionReportWriting.sessionReportComment.suggestTwoTitle}:</strong>
                      </div>
                      <ul class="col-xs-8" style="padding-left: 40px;">
                        <li>${sessionReportWriting.sessionReportComment.suggestTwoComment}</li>
                      </ul>
                    </div>
                    <div class="focus-item clearfix">
                      <div class="col-xs-4">
                        <strong style="font-size: 18px;"><fmt:message key="${sessionReportWriting.sessionReportComment.suggestThree.message}" />&nbsp;-&nbsp;${sessionReportWriting.sessionReportComment.suggestThreeTitle}:</strong>
                      </div>
                      <ul class="col-xs-8" style="padding-left: 40px;">
                        <li>${sessionReportWriting.sessionReportComment.suggestThreeComment}</li>
                      </ul>
                    </div>
                  </div>
                  <c:if test="${sessionReportWriting.status.created}">
                    <div class="text-right" style="margin-top: 20px;">
                      <a href="${ctx.host}/sessions/${sessionCalibration.session.id}/supervisor-calibrations/${sessionCalibration.id}/edit-recommendations" data-target="#editDevelopmentRecommendations" data-toggle="modal" class="btn btn-default"><fmt:message key="assessor.64" /></a>
                      <%-- <a href="${ctx.host}/sessions/${sessionCalibration.session.id}/supervisor-calibrations/${sessionCalibration.id}/report-submit" data-target="#submit" data-toggle="modal" class="btn btn-success" style="background: #70AD47;"><fmt:message key="assessor.457" /></a> --%>
                    </div>
                  </c:if>
                </form>
              </div>
              <div class="report-preview-body">
                <form>
                  <div class="title"><fmt:message key="assessor.454-1" /> <fmt:message key="assessor.455-1" /></div>
                  <c:forEach var="calibrationCompetencie" items="${sessionCalibrationCompetencies}">
                    <div class="clearfix" style="margin-top: 20px; padding: 0 15px 15px 15px;">
                      <span class="" style="font-size: 20px; font-weight: bold; color:#335893;"><fmt:message key="${calibrationCompetencie.message}" /></span>
                      <span class="pull-right" style="font-size: 20px; font-weight: bold; color:#335893;">${calibrationCompetencie.score.description}(${calibrationCompetencie.score.alias})</span>
                    </div>
                    <div class="clearfix">
                      <div class="col-xs-6">
                        <fmt:message key="assessor.455-2" />
                      </div>
                      <div class="col-xs-6">
                        <fmt:message key="assessor.455-3" />
                      </div>
                    </div>
                    <div class="clearfix" style="border-bottom: 1px solid #395D96; padding-bottom: 10px;">
                      <div class="col-xs-6">
                        <div>
                          <c:set value="${sessionReportWriting.sessionReportCompetency.getEffecitve(calibrationCompetencie.name)}" var="effective"></c:set>
                          ${effective != null ? effective : calibrationCompetencie.effective}
                        </div>
                      </div>
                      <div class="col-xs-6">
                        <div>
                          <c:set value="${sessionReportWriting.sessionReportCompetency.getInEffective(calibrationCompetencie.name)}" var="inEffective"></c:set>
                          ${inEffective != null ? inEffective : calibrationCompetencie.inEffective}
                        </div>
                      </div>
                    </div>
                  </c:forEach>
                  <c:if test="${sessionReportWriting.status.created}">
                    <div class="text-right" style="margin-top: 20px;">
                      <a href="${ctx.host}/sessions/${sessionCalibration.session.id}/supervisor-calibrations/${sessionCalibration.id}/edit-effective" data-target="#editEffective" data-toggle="modal" class="btn btn-default"><fmt:message key="assessor.64" /></a>
                      <a href="${ctx.host}/sessions/${sessionCalibration.session.id}/supervisor-calibrations/${sessionCalibration.id}/report-submit" data-target="#submit" data-toggle="modal" class="btn btn-success" style="background: #70AD47;"><fmt:message key="assessor.457" /></a>
                    </div>
                  </c:if>
                </form>
              </div>
              
            </c:otherwise>
          </c:choose>
        </div>
        </div>
      </div>
    </div>

    <%@ include file="/WEB-INF/include/footer.jsp"%>
    <%@ include file="/WEB-INF/include/script.jsp"%>
    <d:resource root="${ctx.resource}/build" type="script" src="js/page/session/during/supervisor-calibration/report-edit.js" />
    <script type="text/javascript">
      require([ 'page/session/during/supervisor-calibration/report-edit' ], function(page) {
        page.init();
      })
    </script>
</body>

</html>
